<template>
  <div class="userList">
  <h1>用户列表</h1>
    <el-table :data="tableData">
      <el-table-column prop="date" label="日期" width="140">
      </el-table-column>
      <el-table-column prop="name" label="姓名" width="120">
      </el-table-column>
      <el-table-column prop="address" label="地址">
      </el-table-column>
    </el-table>
  </div>
</template>
<style>
.UserList{
  height: 500px;
}

* {
  font-family: "Microsoft YaHei", "微软雅黑", Arial, Sans-serif,
  "Helvetica Neue", Helvetica,
  "PingFang SC", "Hiragino Sans GB";

}
</style>
<script>
export default {
  name:"UserListView",
  data() {
    const item = {
      date: '2016-05-02',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    };
    return {
      tableData: Array(20).fill(item)
    }
  }
};
</script>
